

import React from "react"

// App父组件 Son子组件
// 函数式Son
function SonF (props) {
  // props是一个对象 里面存着通过父组件传入的所有数据
  return (
    <div>我是函数子组件,{props.msg}</div>
  )
}
// 类组件
class Son extends React.Component {
  render () {
    return (
      // 类组件必须通过this关键词去获取 这里的props是固定的
      <div>我是类组件子组件,{this.props.msg}</div>
    )
  }
}
class App extends React.Component {
  state = {
    message: 'this is message'
  }
  render () {
    return (
      <>
        {/* 子组件身上绑定属性 属性名可以自定义 但保持语义化 */}
        <SonF msg={this.state.message}></SonF>
        <Son msg={this.state.message}></Son>
      </>

    )
  }
}
export default App
